<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="reset.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1848847_nde5h5okja.css"/>
		<link rel="stylesheet" type="text/css" href="css/shenguang.css"/>
	</head>
	<body>
		<input type="checkbox" name="" id="left" value="" style="z-index: 10;
		position: absolute;"/>
		<input type="checkbox" name="" id="right" value="" style="z-index: 10;
		position: absolute;"/>
		
		   
		<!--正页 -->
		<div class="web">
			<!-- 1.头部 -->
			<div class="header_content">
				<div class="left_logo  fl">
					<label for="left">
						<img src="./img/首页图片/B1-文章-1_03.jpg" >
					</label>
				</div>
				<div class="middle_logo">
					<img src="./img/首页图片/微信图片_20200527174220.png" >
				</div>
				<div class="search_logo fr">
					<label for="right">
						<img src="./img/首页图片/登录-和-搜索11_03.png" >
					</label>		
				</div>	
			</div>
			
			
			
			<!-- 中间 -->
			<div class="middle_content">
				<div class="top">
					<img src="img/文章图片/B1-文章-1_02.jpg" >
					<div class="to">
						<div class="tow">
							[专业IMC平台]
						</div>
						<div class="tos">
							太子金涂鸦大赛网络整合营销传播
						</div>
						<span></span>
						<span></span>
						<span></span>
						
					</div>
				</div>
				
				
				<div class="center">
					<div class="centre">
						<div class="img">
							<img src="img/文章图片/B1-文章-2_03.jpg" >
						</div>
						<div class="box">
							<div class="head">
								海天“晒“宴,和汪涵一起，参观海天酱油.....
							</div>
							<div class="red">
								营销
							</div>
							<div class="na2">
								<img src="img/文章图片/B1-文章-5_03.jpg" >
							</div>
							<span>120</span>
							<div class="na3">
								<img src="img/志愿图片/C1-资源-2_03.jpg" >
							</div>
							<span>560</span>
							<div class="img2">
								<img src="img/文章图片/B1-文章-3_03.jpg" >
							</div>
							<div class="name">
								叶巧岚  2015年1月20日
							</div>
						</div>
					</div>
					
					<div class="centre">
						<div class="img">
							<img src="img/文章图片/B1-文章-2_03.jpg" >
						</div>
						<div class="box">
							<div class="head">
								海天“晒“宴,和汪涵一起，参观海天酱油.....
							</div>
							<div class="red">
								营销
							</div>
							<div class="na2">
								<img src="img/文章图片/B1-文章-5_03.jpg" >
							</div>
							<span>120</span>
							<div class="na3">
								<img src="img/志愿图片/C1-资源-2_03.jpg" >
							</div>
							<span>560</span>
							<div class="img2">
								<img src="img/文章图片/B1-文章-3_03.jpg" >
							</div>
							<div class="name">
								叶巧岚  2015年1月20日
							</div>
						</div>
					</div>
					
					<div class="centre">
						<div class="img">
							<img src="img/文章图片/B1-文章-2_03.jpg" >
						</div>
						<div class="box">
							<div class="head">
								海天“晒“宴,和汪涵一起，参观海天酱油.....
							</div>
							<div class="red">
								营销
							</div>
							<div class="na2">
								<img src="img/文章图片/B1-文章-5_03.jpg" >
							</div>
							<span>120</span>
							<div class="na3">
								<img src="img/志愿图片/C1-资源-2_03.jpg" >
							</div>
							<span>560</span>
							<div class="img2">
								<img src="img/文章图片/B1-文章-3_03.jpg" >
							</div>
							<div class="name">
								叶巧岚  2015年1月20日
							</div>
						</div>
					</div>
					
					<div class="centre">
						<div class="img">
							<img src="img/文章图片/B1-文章-2_03.jpg" >
						</div>
						<div class="box">
							<div class="head">
								海天“晒“宴,和汪涵一起，参观海天酱油.....
							</div>
							<div class="red">
								营销
							</div>
							<div class="na2">
								<img src="img/文章图片/B1-文章-5_03.jpg" >
							</div>
							<span>120</span>
							<div class="na3">
								<img src="img/志愿图片/C1-资源-2_03.jpg" >
							</div>
							<span>560</span>
							<div class="img2">
								<img src="img/文章图片/B1-文章-3_03.jpg" >
							</div>
							<div class="name">
								叶巧岚  2015年1月20日
							</div>
						</div>
					</div>
					
					<div class="centre">
						<div class="img">
							<img src="img/文章图片/B1-文章-2_03.jpg" >
						</div>
						<div class="box">
							<div class="head">
								海天“晒“宴,和汪涵一起，参观海天酱油.....
							</div>
							<div class="red">
								营销
							</div>
							<div class="na2">
								<img src="img/文章图片/B1-文章-5_03.jpg" >
							</div>
							<span>120</span>
							<div class="na3">
								<img src="img/志愿图片/C1-资源-2_03.jpg" >
							</div>
							<span>560</span>
							<div class="img2">
								<img src="img/文章图片/B1-文章-3_03.jpg" >
							</div>
							<div class="name">
								叶巧岚  2015年1月20日
							</div>
						</div>
					</div>
					
					<div class="centre">
						<div class="img">
							<img src="img/文章图片/B1-文章-2_03.jpg" >
						</div>
						<div class="box">
							<div class="head">
								海天“晒“宴,和汪涵一起，参观海天酱油.....
							</div>
							<div class="red">
								营销
							</div>
							<div class="na2">
								<img src="img/文章图片/B1-文章-5_03.jpg" >
							</div>
							<span>120</span>
							<div class="na3">
								<img src="img/志愿图片/C1-资源-2_03.jpg" >
							</div>
							<span>560</span>
							<div class="img2">
								<img src="img/文章图片/B1-文章-3_03.jpg" >
							</div>
							<div class="name">
								叶巧岚  2015年1月20日
							</div>
						</div>
					</div>
					
				</div>
				
				
				
			<div class="wire">
				
			</div>
			<div class="btn">
				加载更多
			</div>
				
				
			</div>
			
		
		
			
			
			<!-- 3.底部 -->
			<ul class="footer_content">
				<li >
					<a href="index.html">
						<img  class="li_img"    src="img/首页图片/微信图片_20200528120824.png" alt="">
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="">
						<img class="li_img"  src="img/首页图片/微信图片_202005281208244.png" alt="">
						<p>GLMC</p>
					</a>
				</li>
				<li>
					<a href="">
						<img  class="li_img"  src="img/首页图片/微信图片_202005281208242.png" alt="">
						<p>文章</p>
					</a>
				</li>
				<li>
					<a href="shenguang3.html">
						<img   class="li_img"  src="img/首页图片/微信图片_202005281208243.png" alt="">
						<p>资源</p>
					</a>
				</li>
				<li>
					<a href="shenguang4.html">
						<img  class="li_img"  src="img/首页图片/微信图片_202005281208241.png" alt="">
						<p>学院</p>
					</a>
				</li>
			</ul>
			
			
			
		</div>
		
		
		
		
		
		
		
		<!-- 左边 -->
		<div class="ming">
			<!-- 头部 -->
			<div class="head clearfix">
				<label for="left"><div class="iconfont iconicon--shanchu"></div></label>
				<input type="text" name="" id="" value=""  placeholder="search"/>
				<div class="hea iconfont iconsousuo"></div>
			</div>
			
			<div class="spring"></div>
			
			<div class="middle">
				<div class="img">
					<img src="img/首页图片/微信图片_20200528153342.png" >
					<h2>立即登入</h2>
					<a href="">忘记密码</a>
				</div>
			</div>
			<div class="spr"></div>
			
			<!-- 底部 -->
			<div class="com">
				<p>GIML</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
			<div class="com">
				<p>文章</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
			<div class="com">
				<p>资源</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
			<div class="com">
				<p>课程</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
		</div>
		
		
		
		
		
		
		
		<!-- 右边 -->
		<div class="ning">
			<div class="top">
				<input type="text" name="" id="" value=""  placeholder="search"/>
				<div class="hea iconfont iconsousuo"></div>
				<label for="right">
					<div class="button">取消</div>
				</label>
				<div class="h2">
					<h2>热搜</h2>
				</div>
				<div class="row">
					<div class="rows">项目管理</div>
					<div class="rows">移动互联网</div>
					<div class="rows">O2O联动化</div>
					<div class="rows">O2O</div>
					<div class="rows">媒介平台</div>
					<div class="rows">细分平台业务</div>
					<div class="rows">项目管理</div>
					<div class="rows">移动互联网</div>
					<div class="rows">O2O联动化</div>
				</div>
				
				
			</div>
			
			
			
		
		
		
		
		
		
		
		
		<script type="text/javascript">
		   function recalc() {
		    var clientWidth = document.documentElement.clientWidth;
		    if (!clientWidth) return;
		    document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
		   }
		
		   function initRecalc() {
		    recalc();
		    var resizeEvt = 'osrientationchange' in window ? 'osrientationchange' : 'resize';
		    if (!document.addEventListener) return;
		    window.addEventListener(resizeEvt, recalc, false);
		    document.addEventListener('DOMContentLoaded', recalc, false);
		   }
		   initRecalc();
		  </script>
	</body>
</html>
